import React, { PureComponent } from 'react';
import { connect } from 'dva';
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { Card } from 'antd';
import DescriptionList from '@/components/DescriptionList';

const { Description } = DescriptionList;
@connect(({ integratedquery, loading }) => ({
  loading: loading.models.integratedquery,
  custBaseInfo: integratedquery.custBaseInfo, // 客户基本信息
}))
@Form.create()
class EmpInfor extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    const { custBaseInfo } = this.props;
    return (
      <div>
        <Card
          style={{ marginBottom: 12 }}
          title={<span style={{ fontWeight: 'bolder' }}>客户基本信息</span>}
          bordered={false}
          id="customerbasicinfor"
        >
          <DescriptionList>
            <Description term="客户名称">{custBaseInfo.name || '--'}</Description>
            <Description term="统一社会信用代码">{custBaseInfo.uniCreditCode || '--'}</Description>
            <Description term="客户编号">{custBaseInfo.no || '--'}</Description>
            <Description term="行业分类">{custBaseInfo.industryName || '--'}</Description>
            <Description term="财务NC编码">{custBaseInfo.fmNcNo || '--'}</Description>
            <Description term="公司类型">{custBaseInfo.corpNatureName || '--'}</Description>
            <Description term="办公地址">{custBaseInfo.detailAddress || '--'}</Description>
            <Description term="工作邮箱">{custBaseInfo.email || '--'}</Description>
            <Description term="备注">{custBaseInfo.remark || '--'}</Description>
          </DescriptionList>
        </Card>
      </div>
    );
  }
}
export default EmpInfor;
